<template>
    <div>
        <ul class="recs">
            <li v-for="(item, idx) in recs" :key="idx" class="rec-item">
                <nuxt-link to="/buy/mi9">
                    <img :src="item" alt="" width="317" height="170">
                </nuxt-link>
            </li>
        </ul>
    </div>
</template>

<script>
    import dataRecs from 'assets/data/data-index-home-recs'
    export default {
        data: function () {
            return {
                recs: dataRecs.sliderBottomImgs
            }
        }
    }
</script>

<style scoped>

</style>